<template>
  <div class="mybutton">
    <button @click="btn" :class="['btn', 'btn-' + type]">
      <slot></slot>
    </button>
  </div>
</template>
<script>
export default {
  props: {
    type: {
      type: String,
      defalut: "",
    },
  },
  methods: {
    btn() {
      this.$emit("click");
    },
  },
};
</script>
<style lang="scss" scoped>
.btn-top_logo {
    background: #ff5d23;
    border-radius: .3rem;
    color: #fff;
    border: none;
    outline: none;
    padding: .05rem .3rem;
}
</style>